<!DOCTYPE html>
<html lang="en">

<head>
    <title>测试管理系统</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/colorpicker.css" />
    <link rel="stylesheet" href="css/datepicker.css" />
    <link rel="stylesheet" href="css/uniform.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/matrix-media.css" />
    <link rel="stylesheet" href="css/bootstrap-wysihtml5.css" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="jsp/jquery.contextmenu.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
    <style type="text/css">
        .contextMenuPlugin{left: calc(50% - 178px)!important;top: 10px!important;width: 355px;padding: 20px 0;border: 1px solid #ccc;box-shadow: 0 0 15px #000;border-radius: 10px;position: fixed;}
        .contextMenuPlugin li{width: 255px;height: 20px;line-height: 20px;text-align: center;margin: 10px auto;border-radius: 5px;background-color: #eeeeee;}
        .contextMenuPlugin li:hover{background-color: #f89838;}
        .contextMenuPlugin > li > a:hover{border: 0;background: none;outline:0;}
        .contextMenuPlugin > li > a:hover span{color: #fff}
        .contextMenuPlugin > li > a{margin: 0}
        .contextMenuPlugin > li:last-child,.contextMenuPlugin > li:nth-child(2){border-radius: 5px}
.contextMenuPlugin span{font-size: 14px;cursor: pointer;}

    </style>
</head>

<body>
    <!--close-left-menu-stats-sidebar-->
    <div id="form33_sty">
        <div class="form_33">
            <div class="form_sty">
                <ul>
                    <li>
                        <span>表面卡号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>用户名：</span>
                        <input type="text" name="">
                    </li>
                   
                    <li>
                        <span>身份证：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>手机号：</span>
                        <input type="text" name="">
                    </li>
                    
                </ul>
                <div class="form_btn">
                    <input type="button" value="查询" class="search">
                    <input type="reset" value="重置" class="reset">
                </div>
            </div>
        </div>
        <div class="form10_tab">
            <table>
                <tr>
                    <th>还车流水号</th>
                    <th>停车点</th>
                    <th>停车柱号</th>
                    <th>表面卡号</th>
                    <th>车牌号</th>
                    <th>收费金额</th>
                    <th>还车状态</th>
                    <th>借车时间</th>
                    <th>还车时间</th>
                    <th>备注</th>
                   
                </tr>
                <tr>
                    <td>1101</td>
                    <td class="green">201503</td>
                    <td>正常</td>
                    <td>3/0/4</td>
                    <td>盈泽演示</td>
                    <td>192.168.10.144</td>
                    <td>2005</td>
                    <td>市财政局</td>
                    <td>天元区</td>
                    <td class="green">TN-黄河南</td>
                    
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
            
        </div>
        <div class="pages">
            <ul>
                <li>共28条</li>
                <li>第1/1页</li>
                <li>跳转到第
                    <input type="text">页</li>
                <li><a href="javascript:void(0)">《</a></li>
                <li><a href="javascript:void(0)">1</a></li>
                <li><a href="javascript:void(0)">》</a></li>
            </ul>
        </div>
        <!-- 修改的窗口 -->
        <div class="form10_open form10_open1 disN" >
            <table>
                <tr>
                    <th colspan=2>个人信息</th>
                </tr>
                <tr>
                    <td>有用户名：</td>
                    <td>
                        张小凡
                    </td>
                </tr>
                <tr>
                    <td>表面卡号：</td>
                    <td>
                        09824308572498570893475
                    </td>
                </tr>
                <tr>
                    <td>卡类型：</td>
                    <td>
                        管理卡
                    </td>
                </tr>
                <tr>
                    <td>用户状态：</td>
                    <td>
                        正常
                    </td>
                </tr>
                <tr>
                    <td>证件号：</td>
                    <td>
                        11008723492734083
                    </td>
                </tr>
                <tr>
                    <td>备注：</td>
                    <td>
                        <textarea name="" id="" cols="30" rows="3"></textarea>
                    </td>
                </tr>
            </table>
            <div class="form10_btn">
                <input type="button" name="" value="确定" class="sure">
                <input type="button" name="" value="取消" class="cancel">
            </div>
            <a href="javascript:void(0)" class="disN">&nbsp;</a>
        </div>
        <!-- 修改窗口结束 -->
    </div>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script src="jsp/jquery.contextmenu.js"></script>
    <script>
    $(function() {
        $('.form10_tab tr').contextPopup({
            // title: 'My Popup Menu',
            items: [{
                label: '查看个人信息',
                // icon: 'img/right_add.png',
                action: function() {
                    $(".form10_open").show()
                }
            }, {
                label: '修改个人信息',
                // icon: 'img/right_del.png',
                action: function() {
                }
            }, {
                label: '修改金额',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '个人记录查询',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '信息导出',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '密码修改',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '挂失解挂',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '销户',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            }, {
                label: '删除',
                // icon: 'img/right_gai.png',
                action: function() {
                }
            } ]
        });
    });
    </script>
    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
    <script>
       
        $(".form10_open .cancel").click(function () {
            $(".form10_open").hide()
        })
    </script>
</body>

</html>
